// 一些公用样式
// 溢出隐藏
@mixin hiding-box($i) {
	@if $i==1{
		//单行
		 overflow: hidden;
		 text-overflow: ellipsis;
		 white-space: nowrap;
	}@else{
		//多行
		-webkit-line-clamp: $i;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
// 文字渐变
@mixin gradient{
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
}
// 多个图之间的间距
%img-spacing{
	vertical-align: top; /* 或者其他值，比如middle */
}
// 字母换行
%letter{
	word-wrap:break-word;
	word-break:normal;
}
.XXX{
	 pointer-events: none;   //抛出点击事件
}
.shenglue{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.flexstart{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flexbt{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flexend{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.flex-center-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-align-center{
	display: flex;
	align-items: center;
}

